<template>
    <div class="page-help">
        <van-nav-bar class="help-tilte" left-arrow :fixed="true" :title="$t('m.Buyertips')" @click-left="$router.back(-1)">
        </van-nav-bar>
        <div style="padding: 23px;"></div>
        <div class="terms">
            <div class="h1" v-if="dataJson.title">{{dataJson.title}}</div>
            <div v-for="(item, index) in dataJson.child" class="terms-list">
                <div class="h3">{{item.title}}</div>
                <p >{{item.text}}</p>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'BuyerTips',
        data() {
            return {};
        },
        computed: {
            dataJson() {
                if (this.$store.state.store.localLang == 'MM') {
                    return  {
                        "title" : "ဝယ္သူအား အႀကံျပဳခ်က္",
                        "child" : [
                            {
                                "title" : "• ေရာင္းသူ၏ ပစၥည္းေရာင္းခ်မႈဆိုင္ရာ Feedback ကို စစ္ေဆးပါ။",
                                "text" : "ေရာင္းသူတြင္ပစၥည္းေရာင္းခ်မႈဆိုင္ရာေကာင္းမြန္ေသာFeedbackမ်ားရွိပါက   အဆိုပါေရာင္းခ်သူထံတြင္ ဝယ္ယူဖို႔ တိုက္တြန္းအႀကံျပဳပါသည္။"
                            },
                            {
                                "title" : "• ေမးခြန္းမ်ားေမးျမန္းပါ။",
                                "text" : "ပစၥည္းမဝယ္ယူခင္ ဝယ္ယူမည့္ ပစၥည္းႏွင့္ သက္ဆိုင္ေသာ ေမးသင့္သည္ ေမးခြန္းမ်ားကို ေမးျခင္းျဖင့္ သင့္အား အခ်ိန္ကုန္သက္သာျခင္း၊ ေရာင္းမွား ဝယ္မွား မျဖစ္ျခင္း အစရွိေသာ အက်ိဳးေက်းဇူးမ်ားကို ခံစားႏိုင္သည္။ သင္ဆႏၵရွိပါက ပစၥည္း၏ ေၾကာ္ျငာတြင္ မတင္ထားေသာ ဓါတ္ပုံအသစ္ကို ထပ္မံေတာင္းခံပါ။"
                            },
                            {
                                "title" : "• စိတ္ခ်မႈရွိပါေစ။",
                                "text" : "ပစၥည္းလက္ခံမရရွိေသးေသာအခ်ိန္တြင္ ေငြေပးေခ်ျခင္းကို မျပဳလုပ္ပါႏွင့္။"
                            },

                        ]
                    }
                } else if (this.$store.state.store.localLang == 'MMU') {
                    return {
                        "title" : "ဝယ်သူအား အကြံပြုချက်",
                        "child" : [
                            {
                                "title" : "• ရောင်းသူ၏ ပစ္စည်းရောင်းချမှုဆိုင်ရာ Feedback ကို စစ်ဆေးပါ။",
                                "text" : "ရောင်းသူတွင်ပစ္စည်းရောင်းချမှုဆိုင်ရာကောင်းမွန်သောFeedbackများရှိပါက   အဆိုပါရောင်းချသူထံတွင် ဝယ်ယူဖို့ တိုက်တွန်းအကြံပြုပါသည်။"
                            },
                            {
                                "title" : "• မေးခွန်းများမေးမြန်းပါ။",
                                "text" : "ပစ္စည်းမဝယ်ယူခင် ဝယ်ယူမည့် ပစ္စည်းနှင့် သက်ဆိုင်သော မေးသင့်သည် မေးခွန်းများကို မေးခြင်းဖြင့် သင့်အား အချိန်ကုန်သက်သာခြင်း၊ ရောင်းမှား ဝယ်မှား မဖြစ်ခြင်း အစရှိသော အကျိုးကျေးဇူးများကို ခံစားနိုင်သည်။ သင်ဆန္ဒရှိပါက ပစ္စည်း၏ ကြော်ငြာတွင် မတင်ထားသော ဓါတ်ပုံအသစ်ကို ထပ်မံတောင်းခံပါ။"
                            },
                            {
                                "title" : "• စိတ်ချမှုရှိပါစေ။",
                                "text" : "ပစ္စည်းလက်ခံမရရှိသေးသောအချိန်တွင် ငွေပေးချေခြင်းကို မပြုလုပ်ပါနှင့်။"
                            },

                        ]
                    }
                } else {
                    return {
                        "title" : "",
                        "child" : [
                            {
                                "title" : "Check seller's feedback",
                                "text" : "If you see a seller with a lot of  positive feedback, this means you'll have a great experience buying from that seller."
                            },
                            {
                                "title" : "Ask any questions",
                                "text" : "Ask any questions you have about an item before you buy. That way you'll feel comfortable with your purchase, and it'll save time too. Remember, you can always ask for extra photos if you'd like!"
                            },
                            {
                                "title" : "Be safe",
                                "text" : "Do not pay before you receive your item."
                            },

                        ]
                    }
                }
            },
        }
    }

</script>
<style>
    .page-help .van-nav-bar{
        background-color: #FF9900;
        color: #fff;
    }
    .page-help .van-nav-bar .van-icon{
        color: #fff;
        margin-right: 15px;
        font-size: 18px;
    }
    .page-help .van-list__loading{
        width: 100%;
        /*border-top: 1px solid #F2F2F2;*/
    }
    .terms p {
        margin: 0;
    }
</style>
<style scoped>
    .terms{
        width:100%;
        margin:0 auto;
        padding: 20px 0;
    }
    .terms h1{
        text-align:center;
        font-size: 1.2em!important;
        padding: 0.5em 0;
    }
    .terms .h3{
        /*font-weight: bold;*/
        color: #000;
        padding: 0.5em 4% 0.5em 30px;
        position: relative;
    }
    .terms ul {
        margin: 0 4% 0 30px;
    }
    .terms .h3:before {
        content: '';
        position: absolute;
        top: 0.8em;
        left: 15px;
        width: 8px;
        height: 8px;
        /*margin-top: -4px;*/
        margin-left: -4px;
        background: #000000;
        border-radius: 50%;
    }
    .terms p{
        color: rgb(81, 81, 81);
        padding: 0 4% 0 30px;
    }
    .terms li{list-style-type: none}
    .terms-list{
        margin-bottom: 20px;
    }
    .ul-title{
        margin: 10px 0;
    }
    .terms li.ul-li{
        list-style-type: disc;
        margin-left: 10%;
    }
    .terms p .is-link{
        color: #0e6c9c;
    }
    .list-box{
        padding-left: 4%;
    }
    .list-box p{
        /*word-wrap : break-word ;*/
        /*word-break:break-all;*/
    }
</style>
